<template>
	<view class="page-container">
		<view class="ul">
			
			<view class="li">
				<view>退出登录</view>
				<view class="info">
					<image class="but" src="@/static/img/dqqw.png"></image>
				</view>
			</view>
			
		</view>
		
		
	</view>
</template>

<script setup>
	import {
		ref,
		getCurrentInstance,
	} from 'vue'
	import {
		onLoad,
		onShow,
		onShareAppMessage,
		onShareTimeline
	} from '@dcloudio/uni-app'
	const {
		proxy
	} = getCurrentInstance();
	
	onLoad((e)=>{
		
	})
	
	onShow(()=>{
		
	})
</script>

<style lang="less" scoped>
	.page-container{
		background-color: white;
	}
	.ul{
		width: 100%;
		.li{
			padding-left: 30rpx;
			height: 100rpx;
			line-height: 100rpx;
			border-top: solid 1rpx #bbb;
			border-bottom: solid 1rpx #bbb;
			display: flex;
			.info{
				margin-left:auto;
				margin-right: 30rpx;
				display: flex;
				align-items: center;
				color:#BBBBBB ;
				font-size: 25rpx;
				.img{
					width: 80rpx;
					height: 80rpx;
					background-color: #E8E8E8;
					border-radius: 50%;
					display: flex;
					align-items: center;
					justify-content: space-between;
					image{
						margin-left: 26rpx;
						width: 30rpx;
						height: 30rpx;
					}
				}
				.but{
					width: 30rpx;
					height: 30rpx;
				}
			}
		}
	}
	
</style>